@import url("font/iconfont.css");
*{margin:0px; padding:0px}
body{font-size:12px; color:#333; background:url(../images/topbg.jpg) repeat-x; font-family: Microsoft Yahei, Arial, Helvetica, sans-serif;}
ul {list-style-type: none;}
img {border:0px;}

.f_black{color:#000;}
.f_red {color:#C00;}
.f_white {color:#FFF;}
.f_gray {color:#999;}
.f_orange {color:#DD9A31;}
.f_green {color:green;}
.f_blue {color:blue;}
.f_mblue {color:#3B97D6;}
.f_dblue {color:#006DCC;}
.f_gold {color:#F60;}
.f_Arial {font-family:Arial, Helvetica, sans-serif;}
.f_yk {font-family:"微软雅黑";}
.blod {font-weight:bold;}
.px11 {font-size:11px;}
.px12 {font-size:12px;}
.px13 {font-size:13px;}
.px14 {font-size:14px;}
.px15 {font-size:15px;}
.px16 {font-size:16px;}
.px20 {font-size:20px;}
.input{height:18px; border:solid 1px #CCCCCC; background:#F7F7F7;}
.input2 {border:#666 solid 1px; background-color:#FFF;}
.fleft{float:left}
.fright{float:right}
.nbold {font-weight:normal}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.clear{clear:both; line-height:0px;}

a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #C00;
}
a:active {
	text-decoration: none;
}

a.wg:link,a.wg:visited,a.wg:active {color:#999;text-decoration:none;}
a.wg:hover {color:#C00;}
a.wr:link,a.wr:visited,a.wr:active {color:#C00;text-decoration:none;}
a.wr:hover {color:#333;}
a.wh:link,a.wh:visited,a.wh:active {color:#FFF;text-decoration:none;}
a.wh:hover {color:#F60;}
a.wb:link,a.wb:visited,a.wb:active {color:#075AA6;text-decoration:none;}
a.wb:hover {color:#F60;}

.kk{width:1005px; margin:0 auto;}
#logo {
	width: 1027px;
	background: url(../images/logo.jpg) no-repeat;
	height: 86px;
	margin: 0 auto;
}
#top_od {
	float: right;
	margin-top: 20px;
}
#ss {
	clear: right;
	float: right;
	height: 21px;
	width: 202px;
	background: url(../images/ssbg.jpg) no-repeat;
	margin-top: 20px;
}
#menu {
	width: 1067px;
	margin: 0 auto;
	clear: both;
	height: 40px;
	background:url(../images/menu_ct.jpg) repeat-x;
}
#menu_lt {
    width: 30px;
	height: 40px;
	float: left;
	background:url(../images/menu_lt.jpg) no-repeat;
}
#menu_rt {
    width: 30px;
	height: 40px;
	float: left;
	background:url(../images/menu_rt.jpg) no-repeat;
}
#menu_ct {
    width: 1007px;
	height: 40px;
	float: left;
}
#menu_ct li {
	float: left;
}
#menu_ct li span {
	height: 40px;
	line-height: 40px;
	background: url(../images/menu_od.jpg) no-repeat right center;
	display:block;
	width:140px;
	text-align:center;
}
#menu_ct li span.nobg{
    background:none;
}
#menu_ct li a{
	font-size:15px;
	color:#FFF;
}
#menu_ct li a:hover{
	color:#FC0;
}
#menu_ct li.mainlevel{
    position:relative;
	z-index:999;
}
#menu_ct li.mainlevel:hover{
	color:#FC0;
}
#menu_ct li.mainlevel:hover a span {
	color:#FC0;
}
#menu_ct li ul {
    width:140px;
	position:absolute;
	background:#F4F4F4;
	display:none;
	top:40px;
	left:0px;
	filter: Alpha(opacity=85);   
	-moz-opacity:.85;   
	opacity:0.85;
}
#menu_ct li ul li{
	background: none;
	border-bottom:solid 1px #EEE;
	width:140px;
	margin-left:0px;
}
#menu_ct li ul li a{
    padding:5px;
	font-size:12px;
	font-weight:normal;
	width:130px;
	line-height:18px;
	display:block;
	color:#333;
	font-family:Arial;
	text-align:center;
}
#menu_ct li ul li a:hover{
	color:#FFF;
	font-weight:normal;
	background-color: #4096E3;
}
#bn {
	background: url(../images/bnbg.jpg) no-repeat;
	height: 373px;
	width: 1005px;
	clear: both;
	padding:11px 30px;
	padding-top:0px;
	margin: 0 auto;
}
.home_slide{position:relative;width:1005px; height:373px; z-index:1; margin:0 auto;}
.home_slide .list{display:none;}
.home_slide .btn{overflow:hidden;position:absolute;bottom:8px;right:8px;}
.home_slide .btn li{float:left;width:20px;height:20px;margin:0 0 0 8px;cursor:pointer;line-height:20px;font-size:12px;background:#EEE;color:#333;text-align:center; font-family:Arial, Helvetica, sans-serif}
.home_slide .btn .selected{background:#F60; color:#FFF;}
.home_slide .new{display:none;position:absolute;top:0;left:0;}
.hmkk {
	background: url(../images/hmkk_c.jpg) repeat-y;
}
.hmkk_t {
	background: url(../images/hmkk_t.jpg) no-repeat;
	height: 5px;
	overflow: hidden;
}
.hmkk_b {
	background: url(../images/hmkk_b.jpg) no-repeat;
	height: 5px;
	overflow: hidden;
}
.hmkk_c {
    padding:0 10px;
}
#hmnews {
	float: left;
	width: 330px;
}
.hmtit {
	height: 40px;
	font-size:14px;
	position:relative;
	padding-left:21px;
	line-height:28px;
}
.hmtit .n{
    position:absolute;
	left:0;
	top:-9px;
	width:21px;
	height:47px;
	background:url(../images/hmkk_icon.jpg) no-repeat;
}
.hmtit .a{
    position:absolute;
	left:0;
	top:-9px;
	width:21px;
	height:47px;
	background:url(../images/hmkk_icon.jpg) no-repeat -21px 0;
}
.hmtit .c{
    position:absolute;
	left:0;
	top:-9px;
	width:21px;
	height:47px;
	background:url(../images/hmkk_icon.jpg) no-repeat -42px 0;
}
.hmtit .p{
    position:absolute;
	left:0;
	top:-9px;
	width:21px;
	height:47px;
	background:url(../images/hmkk_icon.jpg) no-repeat -63px 0;
}
.hmcon {
	height: 175px;
	background: url(../images/line2.jpg) repeat-y right top;
	padding:5px 20px 10px 0px;
	overflow:hidden;
	line-height: 25px;
}
.hmcon.no {
	background:none;
	padding:5px 0 10px 0px;
}
.hmcon li {
	line-height: 25px;
	background: url(../images/td.jpg) no-repeat 5px center;
	height: 25px;
	padding-left: 15px;
	text-overflow: ellipsis;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow:hidden;
}
.hmcon span img{
    width:130px;
	height:95px;
	padding:2px;
	float:left;
	margin-right:10px;
}
#hmab {
	float: left;
	width: 350px;
	padding-left: 20px;
}
#hmct {
	float: left;
	width: 265px;
	padding-left: 20px;
}
#hmpro_lt {
	background: url(../images/hmkk_icon.jpg) no-repeat left bottom;
	float: left;
	height: 46px;
	width: 25px;
	margin-right:10px;
	margin-left:-10px;
	margin-top:50px;
	cursor:pointer;
}
#hmpro_rt {
	background: url(../images/hmkk_icon.jpg) no-repeat right bottom;
	float: left;
	height: 46px;
	width: 25px;
	margin-left:10px;
	margin-right:-10px;
	margin-top:50px;
	cursor:pointer;
}
#hmpro_ct {
	float: left;
	height: 190px;
	width: 935px;
	overflow: hidden;
	position: relative;
}
#hmpro_ct ul{
    position:absolute;
}
#hmpro_ct li{
     width:187px;
	 height:190px;
	 float:left;
}
.hmpro_img {
	height: 160px;
	width: 160px;
	margin: 0 auto;
	padding:1px;
	border:solid 1px #EEE;
}
.hmpro_img img {vertical-align: middle;margin-right: -1px;}
.hmpro_img span {display: -moz-inline-box;/*针对火狐*/}
.hmpro_img span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;}
.hmpro_txt {
    line-height:25px;
	height:25px;
	overflow:hidden;
	text-align:center;
}
#btm {
	margin-top: 10px;
	border-top: 5px solid #147AB8;
	padding: 10px 0;
	background:#F8F8F8;
}
#btm_con {
	width: 1005px;
	margin: 0px auto;
	background: url(../images/logo2.jpg) no-repeat;
	line-height: 25px;
	text-align:center;
	min-height:60px;
	height:auto !important;
	height:60px;
}
#bn2 {
	background: url(../images/bnbg2.jpg) no-repeat;
	height: 245px;
	width: 1005px;
	clear: both;
	padding:11px 30px;
	padding-top:0px;
	margin: 0 auto;
}
#mid_lt {
	float: left;
	width: 210px;
}
.lt_tit {
	background: url(../images/tit.jpg) no-repeat;
	height: 32px;
	font-size: 14px;
	line-height: 32px;
	color: #FFF;
	padding-left: 25px;
}
.lt_con {
	padding: 9px;
	line-height: 22px;
	border:solid 1px #EEE;
	background:#FFF;
}
.type {
	height: 32px;
	width: 190px;
	margin: 5px auto 0 auto;
}
.type a{
    display:block;
	background: url(../images/type.jpg) no-repeat;
	width: 160px;
	padding-left: 30px;
	line-height: 27px;
}
.type a:hover{
	background: url(../images/type_2.jpg)  no-repeat;
	color:#FC6202;
}
.type a.on{
	background: url(../images/type_2.jpg)  no-repeat;
	color:#FC6202;
}
.stype {
	line-height: 16px;
	padding-left: 35px;
	padding-top: 6px;
	background: url(../images/class.gif) repeat-y 5px center;
}
.stype a.on {
    color:#C00;
}
.stype_btm {
    height:10px;
	background: url(../images/class.gif) repeat-y 5px top;
}
#mid_rt {
	float: right;
	width: 780px;
}
#rt_tit {
	height: 30px;
	border-bottom: 1px solid #B7CADC;
	background: url(../images/td2.jpg) no-repeat left center;
	padding-left: 15px;
	font-size: 16px;
	line-height: 30px;
	color: #1B67AE;
}
#rt_con {
	line-height: 24px;
	padding: 10px;
	min-height:450px;
	height:auto !important;
	height:450px;
}
.news_list{
    background:url(../images/line.jpg) repeat-x left 27px;
	line-height:30px;
	height:30px;
	overflow:hidden;
}
.news_list a{
	padding-left:12px;
	background: url(../images/td.jpg) no-repeat left 4px;
}
.ny_list {
	margin-top: 10px;
	width: 760px;
	overflow: hidden;
}
.ny_list li {
	float: left;
	height: 200px;
	width: 190px;
	overflow: hidden;
}
.pic_img {
	height: 160px;
	width: 160px;
	padding: 1px;
	border: 1px solid #e4e4e4;
	text-align: center;
	background:#FFF;
	margin:0 auto;
}
.pic_img img {vertical-align: middle;margin-right: -1px;}
.pic_img span {display: -moz-inline-box;/*针对火狐*/}
.pic_img span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;}
.pic_tit {
	line-height:25px;
	text-align:center;
	overflow: hidden;
	height:25px;
	width: 162px;
	margin:0 auto;
}
.ny_list2 {
	width: 760px;
	height: 170px;
	background:#FFF;
	margin-top:5px;
}
.ny_list2_img {
	float: left;
	height: 160px;
	width: 160px;
	text-align:center;
	padding: 1px;
	border: 1px solid #EEE;
}
.ny_list2_img img {vertical-align: middle;margin-right: -1px;}
.ny_list2_img span {display: -moz-inline-box;/*针对火狐*/}
.ny_list2_img span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;}
.ny_list2_main {
	float: right;
	height: 160px;
	width: 580px;
}
.ny_list2_main h3 {
	font-size: 14px;
	line-height: 28px;
	height: 28px;
	border-bottom: 1px  solid #EEE;
}
.ny_list2_main p {
	line-height: 22px;
	color:#666;
}
.down {
	height: 80px;
}
.down h3 {
	font-size: 13px;
	line-height: 30px;
	height: 30px;
	background: url(../images/td3.jpg) no-repeat 5px center;
	padding-left: 20px;
	padding-right:10px;
}
.down div {
	background: #F8F8F8;
	height: 30px;
	border-top: 1px solid #CCC;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
}
#search {
	padding-top:10px;
}
.search {
	background: url(../images/line.jpg) repeat-x left bottom;
	line-height: 24px;
	padding: 10px;
}
#bpicmain {
	width: 700px;
	margin:20px auto 0 auto;
	border:solid 1px #EEE;
	height:450px;
	position:relative;
}
#bpic {
	width: 700px;
	text-align:center;
	height:450px;
	position:absolute;
	z-index:99;
}
#bpic img {vertical-align: middle;margin-right: -1px;position:relative;z-index:1}
#bpic span {display: -moz-inline-box;/*针对火狐*/}
#bpic span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;}
#bpic_lt {
	height: 450px;
	width: 350px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index:100;
	background: #FFF;
	filter: Alpha(opacity=0);   
	-moz-opacity:0;   
	opacity:0;
}
#bpic_rt {
	height: 450px;
	width: 350px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index:100;
	background: #FFF;
	filter: Alpha(opacity=0);   
	-moz-opacity:0;   
	opacity:0;
}
#bbtn_l {
	width: 60px;
	height: 60px;
	background: url(../images/butl.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/butl.png');
	float:left;
	cursor:pointer;
	position:absolute;
	left:10px;
	top:195px;
	z-index:101;
	display:none;
}
#bbtn_r {
	width: 60px;
	height: 60px;
	background: url(../images/butr.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/butr.png');
	float:left;
	cursor:pointer;
	position:absolute;
	right:10px;
	top:195px;
	z-index:101;
	display:none;
}
#spic {
	width: 610px;
	height: 64px;
	margin:0 auto;
}
#sbtn_l {
	width: 14px;
	height: 20px;
	margin: 22px 8px 0px 8px;
	_margin: 22px 5px 0px 5px;	
	background: url(../images/arrow_l.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/arrow_l.png');
	float:left;
	cursor:pointer;
}
#sbtn_r {
	width: 14px;
	height: 20px;
	margin: 22px 8px 0px 8px;
	_margin: 22px 5px 0px 5px;	
	background: url(../images/arrow_r.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/arrow_r.png');
	float:left;
	cursor:pointer;
}
#spic_con {
	float: left;
	height: 64px;
	width: 550px;
	position: relative;
	overflow:hidden;
}
#spic_con ul{
    position:absolute;
}
#spic_con li{
    float:left;
	width:110px;
	height:64px;
}
.spic_img {
	height:60px;
	width: 90px;
	border:solid 2px #EEE;
	margin: 0 auto;
	text-align:center;
}
/*.spic_img img {vertical-align: middle;margin-right: -1px;}
.spic_img span {display: -moz-inline-box;}
.spic_img span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;}
*/.cur{border:solid 2px #C30;}


.tablist ul {
	padding:10px;
	background-color:#ddedf2;
	position:relative;
}
.tablist ul:first-child {
	background-color:#2796cb;
	color:#fff;
	font-weight:bold;
}
.tablist ul:nth-child(2n+0) {
	background-color:#FFF;
}
.tablist li {
	display:inline-block;
	margin-left:-3px;
	vertical-align:top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	word-break:break-all;
	padding:0 10px;
	line-height:1.8;
}
.tablist li:nth-child(1) {
	width:18%;
}
.tablist li:nth-child(2) {
	width:20%;
}
.tablist li:nth-child(3) {
	width:40%;
}
.tablist li:nth-child(4) {
	width:22%;
}
.tablist ul:nth-child(n+2):hover {
	box-shadow: 0px 0 10px 0 #2796cb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index:2;
}
.tablist ul a:hover{
	color:#000;
}


/*wap*/
#top {
	position:relative;
}
.overlay {
	position: fixed;
	z-index: 99;
	background-color: rgba(0,0,0,.5);
	bottom: 0;
	right: 0;
	left: 0
}
.openmenu .overlay {
	top: 0
}
#pgcontainer {
	padding: 0;
	margin: 0
}
.menu {
	height: 100%;
	width: 0;
	background: #000;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 101;
	overflow:auto;
	-webkit-box-shadow: 3px 0 7px rgba(0,0,0,.55);
	-moz-box-shadow: 3px 0 7px rgba(0,0,0,.55);
	box-shadow: 3px 0 7px rgba(0,0,0,.55);
	display:none;
}
.menu .close {
	height:35px;
	width:35px;
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
}
.menu .close:before {
	content:"\e654";
	font-family:"iconfont" !important;
	color:#FFF;
	font-size:20px;
	line-height:35px;
}
.menu ul {
	margin-top: 45px;
	z-index: 101;
	overflow-y: auto;
	overflow-x: hidden
}
.menu ul li {
	display: block
}
.menu ul li a {
	display: block;
	min-width: 130px;
	padding: 10px 20px;
	color: #cdcdcd;
	font-size: 16px;
	text-decoration: none;
	text-align: left;
}
.menu li a:hover {
	color: #FFF;
	background: #14649f;
}
.menu ul li ul {
	display:none;
	margin-top: 0px;
}
.menu ul li ul li a {
	padding: 5px 10px 5px 35px;
	font-size: 14px;
}
#rt_tit i,#rt_tit ul {
	display:none;
} 
#logo .logo {
	display:none;
}

@media screen and (max-width: 768px) {
	.kk {
		width: 100%;
		margin: 0 auto;
	}
	.menubtn {
		position:absolute;
		cursor:pointer;
		text-align:center;
		right:10px;
		top:27px;
	}
	.menubtn:before {
		content:"\e639";
	    font-family:"iconfont" !important;
		color:#000;
		font-size:25px;
	}
	.menubtn:hover:before {
		color:#14649f;
	}
	#logo {
		width: 100%;
		height: 80px;
		background-position: left center;
		background-size:75%;
		background:none;
	}
	#logo .logo {
		display:inline-block;
		width:70%;
		height:100%;
	}
	#logo .logo:before {
		content:"";
		display: -moz-inline-box;/*针对火狐*/
		display: inline-block;
		vertical-align: middle;
		height: 100%;
		visibility: hidden;
		width: 1px;
	}
	#logo .logo img {
		max-width:100%;
		max-height:100%;
		vertical-align: middle;
		margin-right: -1px;
	}
	#top_od {
		margin-top: 5px;
		margin-right:10px;
		float:right;
		display:inline-block;
	}	
	#ss,#menu {
		display:none;
	}
	#bn {
		height: 200px;
		width: 100%;
		padding:0;
		overflow:hidden;
	}
	.home_slide,.home_slide img {
		width:100%; 
		height:100%; 
	}
	.home_slide .btn{
		right:0;
		width:100%;
		text-align:center;
	}
	.home_slide .btn li{
		float:none;
		display:inline-block;
	}
	#hmnews {
		float: none;
		width: 100%;
	}
	#hmab,#hmct {
		float: none;
		width: 100%;
		padding-left: 0;
		margin-top:30px;
	}	  
	.hmcon {
		background:none;
		height:auto;
		padding:10px;
		padding-top:0;
	}
    .hmcon.no {
		padding:10px;
		padding-top:0;
    }	
	#hmpro_lt,#hmpro_rt {
		display:none;
	}
	#hmpro_ct {
		float: left;
		height: auto;
		width: 100%;
		overflow: auto;
		max-height:570px;
	}
	#hmpro_ct ul{
		position: relative;
	}
	#hmpro_ct li{
		 width:50%;
	}
	#btm_con {
		width: 100%;
	}
	#bn2 {
		height: auto;
		width: 100%;
		padding:0;
	}
	#bn2 img {
		width:100%;
		height:auto;
	}
	#mid_lt {
		display:none;
	}	
	#mid_rt {
		float: none;
		width: 100%;
	}	
	#rt_tit {
		background: url(../images/td2.jpg) #e3ecf5 no-repeat 10px center;
		padding-left: 25px;
		padding-right:10px;
		position:relative;
		cursor:pointer;
	}	
	#rt_tit span.fright {
		display:none;
	}
	#rt_tit i {
		display:block;
	    font-family:"iconfont" !important;
		position:absolute;
		right:10px;
		top:0px;
		font-size:22px;
		font-style:normal;
	}
	#rt_tit ul {
		display:none;
		position:absolute;
		width:100%;
		left:0;
		top:31px;
		background-color:#97bada;
		padding:10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
		max-height:300px;
		overflow-y: auto;
		z-index:2;		
	}
	#rt_tit ul li {
		display:block;
		font-size:14px;
		padding:5px;
		border-bottom:solid 1px rgba(255,255,255,0.25);
	}
	#rt_tit i.on {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	#rt_con {
		min-height: unset;
		height:auto !important;
		height:unset;
	}	
	#rt_con article img {
		max-width:100%;
	}
}
@media screen and (max-width: 480px) {
	
}
@media screen and (max-width: 320px) {
	
}